<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<style>
/* .grid { */
/* 	color: black; */
/* 	font-size: 14px; */
/* 	padding-left: 15px; */
/* 	padding-right: 15px; */
/* } */

/* .grid .row .span3 { */
/* 	white-space: nowrap; */
/* 	text-overflow: ellipsis; */
/* 	overflow: hidden; */
/* 	width: 100%; */
/* 	border-bottom: 1px dashed #CCC; */
/* } */

/* .grid .row .span3 span { */
/* 	cursor: pointer; */
/* } */

/* .grid .row .span3:before { */
/* 	content: " "; */
/* 	border-left: 4px solid #CCC; */
/* 	padding-left: 10px; */
/* } */

/* span:hover { */
/* 	color: blue; */
/* } */

/* .grid .row .span3:before:hover { */
/* 	color: blue; */
/* } */

</style>

<div class="panel-box">
    <div class=titlebar>
        <span class="glyphicon glyphicon-modal-window"></span> โปรแกรมที่เกี่ยวข้อง
    </div>
    <div class="panel-body">
        <ul class="ul-column-style">
        	<c:if test="${not empty DOCUMENTSALLDATAS}">
				<c:forEach items="${DOCUMENTSALLDATAS}" varStatus="i" var="x">
		            <li>
		            	<a href="${x.url}" target="_blank" title="${x.name}">${x.name}</a>
		            </li>
		        </c:forEach>
			</c:if>
        </ul>
    </div>
</div>



<!-- <div class="panel"> -->
<!-- 	<div class="fullscreen-layout">			 -->
<!-- 		<div class="panel-box-shadow"> -->
<!-- 			<div class="panel-header bg-lightBlue fg-white"> -->
<!-- 				<span class="icon-puzzle"></span> โปรแกรมที่เกี่ยวข้อง -->
<!-- 			</div> -->
<!-- 			<div class="panel-content bg-white"> -->
<!-- 				<div class="grid fluid"> -->
<%-- 					<c:set var="startDivRow" value="0"/> --%>
<%-- 						<c:if test="${not empty DOCUMENTSALLDATAS}"> --%>
<%-- 							<c:forEach items="${DOCUMENTSALLDATAS}" varStatus="i" var="x"> --%>
<%-- 								<c:if test="${i.index == 0 || i.index%4==0}"> --%>
<!-- 									<div class="row"> -->
<%-- 									<c:set var="startDivRow" value="${i.index}"/> --%>
<%-- 								</c:if> --%>
<!-- 								<div class="span3"> -->
<%-- 									<span onclick="window.open('${x.url}', '_blank');" title="${x.name}">${x.name}</span> --%>
<!-- 								</div> -->
<%-- 								<c:if test="${i.index == startDivRow+3}"> --%>
<!-- 									</div> -->
<%-- 								</c:if> --%>
<%-- 							</c:forEach> --%>
<%-- 						</c:if> --%>
<!-- 				</div> -->
<!-- 			</div> -->
<!-- 		</div> -->
<!-- 	</div> -->
<!-- </div> -->